<template>
	<view class="content">
		<view class="ui_banner">
			<u-swiper :list="banner" :radius="8" height="280rpx" @click="change"></u-swiper>
		</view>
		<image class="ui_logo" src="/static/img/logo_1.png" mode=""></image>
		
		<view class="text">公司在广西崇左有2049亩鳗鱼养殖基地，是全国最大的活泉鳗鱼养殖基地，拥有多项天然优势:</view>
		<view class="ui_lable">水量</view>
		<view class="text">天然涌泉日出水量十万吨</view>
		<view class="ui_lable">水质</view>
		<view class="text">矿泉水级别</view>
		<view class="ui_lable">水温</view>
		<view class="text">符合鳗鱼生长理想温度常年恒温25°，能够承载年产量万吨鱼的基础条件。</view>
		<view class="ui_lable">鱼苗</view>
		<view class="text">采用北美洲鱼苗、饲养技术难度高、成鱼品口感、营养品质优异</view>
		<view class="ui_lable">经验</view>
		<view class="text">基地拥有30年饲养经验，饲养环境符合全球水产养殖联盟（GAA）提出的最佳水产养殖规范（BAP）鳗鱼养殖规范。</view>
		<view class="ui_lable">产业</view>
		<view class="text">专业鳗鱼养殖30年，从源头鱼苗投放、饲养过程、成品加工、产品研发、市场销售已形成一条完整稳定产业链条，市场潜力无限。</view>
		
		<view class="ui_imgs">
			<image class="ui_imgs_item" :src="banner[0]" v-for="(item,index) in 4" :key="index"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				banner: ['https://wx4.sinaimg.cn/mw690/b8c4aab7ly1hx2odo9hw8j20u00k0799.jpg'],
			}
		},
		methods: {

		}
	}
</script>

<style lang="less">
	page {
		background-color: #FFF9EF;
	}
	.content {
		width: 750rpx;
		position: relative;
		display: flex;
		flex-direction: column;
		.ui_banner {
			margin-left: 12rpx;
			margin-top: 20rpx;
			z-index: 888;
			width: 726rpx;
		}
		.ui_logo {
			margin: 40rpx 0 20rpx 12rpx;
			width: 558rpx;
			height: 123rpx;
		}
		.text {
			width: 681rpx;
			margin-left: 31rpx;
			font-size: 28rpx;
			color: #333;
		}
		.ui_lable {
			margin-left: 33rpx;
			width: 90rpx;
			line-height: 48rpx;
			height: 48rpx;
			font-size: 28rpx;
			color: #4F2309;
			text-align: center;
			margin-top: 20rpx;
			margin-bottom: 20rpx;
			border-radius: 24rpx;
			background: linear-gradient(90deg,  #E3B880 0%,rgba(252,238,218,0) 100%);
		}
		.ui_imgs {
			width: 730rpx;
			margin-left: 20rpx;
			margin-top: 30rpx;
			margin-bottom: 100rpx;
			&_item {
				width: 345rpx;
				height: 150rpx;
				border-radius: 12rpx;
				margin-bottom: 20rpx;
				margin-right: 20rpx;
			}
		}
	}
</style>
